<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<meta http-equiv="pragma" content="no-cache"/>
	<title>高德地图API测试页面</title>
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/css/global.css"/>
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/css/amap/index.css"/>
	<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/common.js"></script>
	<script type="text/javascript">
		$(function(){
			$(".index-bd-l").height($(document).height() - $(".index-hd").height());
		});
	</script>
</head>
<body>
	<div class="index-hd">
		<div class="index-hd-main index-width clearfix">
			<div class="index-hd-l">
				<div class="index-menu-root">
					<a href="javascript:;">ROOT MENU</a>
				</div>
				<div class="index-logo">
					<a href="javascript:;">高德地图API</a>
				</div>
			</div>
			<div class="index-hd-r">
				<div></div>
			</div>
		</div>
	</div>
	<div class="index-bd">
		<div class="index-bd-main index-width">
			<div class="index-bd-l">
				<div class="index-menu-list">
					<ul>
						<li>
							<div class="m-lv1"><a href="javascript:;"><span></span>基本地图加载</a></div>
							<ul>
								<li class="m-lv2"><a href="${pageContext.request.contextPath}/amap/basic/mapdisplay" target="mainFrame">地图显示</a></li>
								<li class="m-lv2"><a href="javascript:;">卫星图</a></li>
								<li class="m-lv2"><a href="javascript:;">地图类型切换</a></li>
							</ul>
						</li>
						<li>
							<div class="m-lv1"><a href="javascript:;"><span></span>POI查询</a></div>
							<ul>
								<li class="m-lv2"><a href="javascript:;">关键字搜索</a></li>
								<li class="m-lv2"><a href="javascript:;">中心点坐标周边搜索</a></li>
								<li class="m-lv2"><a href="javascript:;">中心点关键字周边搜索</a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
			<div class="index-bd-r">
				<iframe class="index-main-frame" name="mainFrame"  frameborder="0" scrolling="no" onload="doFrameResize(this);"></iframe>
			</div>
		</div>
	</div>
</body>
</html>